<template>
    <div>

      <el-card>
        <marquee>
          公告：{{noticeStr}}
        </marquee>
      </el-card>

    </div>
</template>

<script>
    //这里可以导入其他文件，如：组件、工具js、第三方插件js、json文件、图片文件等
    //例如：import [组件名称] from [组件路径];

    export default {
        name: 'NoticeBar',
        //import引入的组件需要注入到对象中才可以使用
        components: {},
        //父子组件传递数据
        props: {},
        data(){
            //这里存放数据
            return {
              noticeStr: '' || '默认公告...'
            };
        },
        //计算属性，类似于data概念
        computed: {},
        //侦听器，监听data中的数据变化
        watch: {},
        //方法集合
        methods: {
          getNotice(){
            this.$http.get('/v1/dictionaries/notice',{})
            .then(res =>{
              console.log(res);
              if (res.status === 200){
                this.noticeStr = res.data;
              }
            })
            .catch(err =>{
              console.log(err);
            })
          }
        },
        //生命周期 - 创建完成（可访问当前this实例）
        created() {},
        //生命周期 - 挂载完成（可访问DOM元素）
        mounted(){
          this.getNotice();
        },
        //生命周期 - 创建之前
        beforeCreated(){},
        //生命周期 - 挂载之前
        beforeMount(){},
        //生命周期 - 创建之前
        beforeCreated(){},
        //生命周期 - 更新之前
        beforeUpdate(){},
        //生命周期 - 更新之后
        updated(){},
        //生命周期 - 销毁之前
        beforeDestroy(){},
        //生命周期 - 销毁完成
        destroyed(){},
        //如果页面有keep-alive缓存功能，这个函数a会触发
        activated(){},

    }

</script>

<style>

</style>
